/* eslint-disable */
<template>
<div class="rating_page">
     <head-top head-title="任务详细" go-back='true'></head-top>
  <div v-for="(item, index) in task" :key="index">
    <cell :title="item.label" :value="item.value" primary="content"  ></cell>
  </div>
</div>
</template>
<script>
import { CellFormPreview, Group, Cell } from "vux";
import headTop from "src/components/head";
import { getUtDetail } from "src/service/getData";
export default {
  name: "taskDetail",
  data() {
    return {
      sys: "",
      eventId: "",
      task:[],
    };
  },
  components: {
    headTop,
    CellFormPreview,
    Group,
    Cell
  },
  mounted() {
    this.getDetail();
  },
  created() {
    this.eventId = this.$route.query.eventId;
    this.sys = this.$route.query.sys;
  },
  methods: {
    getDetail() {
      getUtDetail({
        eventId: this.eventId,
        sys: this.sys
      }).then(response => {
        if (response.status === 200 && response.data.code === 2000) {
          //  this.taskList = response.data;
          //  this.dealSearch();
          this.task=response.data.task;
           console.log("this.task", this.task);
          console.log("this.getUtDetail", response.data);
        } else {
          console.log(response);
          this.$notify({
            title: "失败",
            message: response.status + response.data.msg,
            type: "error",
            duration: 200000
          });
        }
      });
    }
  }
};
</script>
<style lang="less" scoped>
@import "~vux/src/styles/1px.less";
@import "~vux/src/styles/center.less";
.rating_page {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
}
</style>
